<html>
    <head>
        <title>JQuery</title>
        <!-- 引入JQ库 -->
        <script src="jquery-3.6.0.js"></script>
        <!-- 用JQ语法写的函数 -->
        <script src="my_jquery_function.js"></script> 
        <!-- css样式 -->
        <link href="style.css" type="text/css" rel="stylesheet">
    </head>


    <body>
       <div class="header">
           <h1>头部区域</h1>
           <p>此处是网页的头部，在导航栏之上</p>
        </div> 
        <div class="topnav">
            <a href="#">联系我们</a>
            <a href="#">评论专区</a>
            <a href="#">视频点播</a>
        </div>
        <div class="row">
            <div class="column side">
                <div class="speed">
                    <h1>Hello</h1>
                    <img id="speed" src="img/speed.png" />
                </div>
            </div>
            <div class="column middle">
                <h2>Good afternoon</h2>
                <p>这篇文章将为大家详细讲解有关html中圆角搜索框得实现方法，小编觉得挺实用的，
                    因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。</p>
                员工姓名：<input type="text" id="name" /><br/>
                员工收入：<input type="number" id ="income"/><br/>
                员工职位：<input type="text" id="post"/><br/>
                <button id="submitButton">提交</button>
                <button id="clearButton">清空</button>
                <table class="people_table" id="people_table">
                    <tr>
                        <td>当前人数:</td><td id="people_number">1</td>
                    </tr>
                    <tr>
                        <td><b>姓名</b></td>
                        <td><b>收入</b></td>
                        <td><b>职位</b></td>  
                    </tr>
                    <tr>
                        <td>张三</td>
                        <td>3000</td>
                        <td>厨师</td>
                        <td><button class='delete_people' id="0del">删除</button></td>
                    </tr>
                </table>
            </div>
            <div class="column side" id ="rightSide">
                <h2>I love you.</h2>
                <img id="basketball" src="img/basketball.png"/>
            </div>
        </div>
    </body>
</html>